<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>发送 AJAX 请求</title>
</head>

<body>
  <script>
    const p = new Promise(function (resolve, reject) {
      // 1. 创建对象
      const xhr = new XMLHttpRequest();

      // 2. 初始化
      xhr.open('GET', 'http://localhost:3000/channels');

      // 3. 发送
      xhr.send();

      // 4. 绑定事件，处理响应结果
      xhr.onreadystatechange = function () {
        // 判断
        if (xhr.readyState === 4) {
          // 判断响应状态码 200-299
          if (xhr.status >= 200 && xhr.status < 300) {
            // 成功
            resolve(xhr.response);
          } else {
            reject(xhr.status)
          }
        }
      }
    })

    p.then(function (value) {
      console.log(value)
    }, function (reason) {
      console.error(reason);
    })
  </script>
</body>

</html>